<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk" xml:lang="en" lang="en">


	<f:view>
		<ui:composition template="../templates/templateVAD.xhtml">
			<ui:define name="pageTitle">Produits</ui:define>
			<ui:define name="body">
				<h:graphicImage url="../images/produits/offre.jpg"
					style="margin-left:100px"></h:graphicImage>

				<h:form id="produits" style="height: 254px; width: 346px">


					<h:commandButton value="" actionListener="#{vadBean.remplirProduit1}" action="panier"
						style="background:url(../images/produits/produit1.gif) no-repeat;height: 200px; width: 255px;border:1; cursor:pointer;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 2px 2px 2px #888;marging-top:10px;border-color:#f1f1f1">
					<f:param value="MC501F/A" id="produit1" ></f:param>
					</h:commandButton>
					<h:commandButton value="" actionListener="#{vadBean.remplirProduit2}"  action="panier"
						style="background:url(../images/produits/produit2.gif) no-repeat;height: 200px; width: 255px;border:1; cursor:pointer;marging-top:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 2px 2px 2px #888; border-color:#f1f1f1;position:absolute;margin-left:75px;">
					<f:param value="MC502F/A" id="produit2"></f:param>
					</h:commandButton>
					<h:commandButton value="" actionListener="#{vadBean.remplirProduit3}"  action="panier"
						style="background:url(../images/produits/produit3.gif) no-repeat;height: 200px; width: 255px;border:1; cursor:pointer;marging-top:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 2px 2px 2px #888; border-color:#f1f1f1;position:absolute;margin-left:390px;">
						<f:param value="MC503F/A" id="produit3"></f:param>
					</h:commandButton>
					<br />
					<h:commandButton value="" actionListener="#{vadBean.remplirProduit4}"  action="panier"
						style="background:url(../images/produits/produit4.gif) no-repeat;height: 200px; width: 255px;border:1; cursor:pointer;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 2px 2px 2px #888;margin-top:30px;border-color:#f1f1f1" >
					<f:param value="MC504F/A" id="produit4"></f:param>
					</h:commandButton>
					<h:commandButton value="" actionListener="#{vadBean.remplirProduit5}"  action="panier"
						style="background:url(../images/produits/produit5.gif) no-repeat;height: 200px; width: 255px;border:1; cursor:pointer;marging-top:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 2px 2px 2px #888; border-color:#f1f1f1;position:absolute;margin-left:75px;margin-top:30px">
					<f:param value="APPLE-MC510F/A" id="produit5"></f:param>
					</h:commandButton>
					<h:commandButton value="" actionListener="#{vadBean.remplirPanier}"
						style="background:url(../images/produits/produit1.gif) no-repeat;height: 200px; width: 255px;border:1; cursor:pointer;marging-top:10px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-webkit-box-shadow: 2px 2px 2px #888; border-color:#f1f1f1;position:absolute;margin-left:390px;margin-top:30px">
					</h:commandButton>
				</h:form>


			</ui:define>
		</ui:composition>
	</f:view>
</html>

